div#chat_room-mini-header-test {
    background-color: #333;
    height:50px;
    width: 960px;
    position: fixed;
    top: 60px;
    border-radius: 5px 0px 0px 0px;
}

.chat_room-header-arrow-down {
	width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-right: 15px solid #fff;
        right: 15px;
        top: 12px;
        position: absolute;
        cursor: pointer;
}

.chat_room-header-arrow-right {
	width: 0; 
	height: 0; 
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid #fff;
        right: 15px;
        top: 12px;
        position: absolute;
        cursor: pointer;
}
.homeButton{
    background-image: url(../bilder/wextrbutton.png);
    background-size:30px 30px;
    border-radius:0.4em;    
    background-repeat: no-repeat;    
    width:30px;
    height:30px;
    float:right;
    margin-top:-5px;
    margin-right:10px;
}
#chat_room-mini-header-sort-by {
    position: absolute;
    right: 70px;
    top: 13px;
    color:#fff;
    font-size: 17px;
    font-weight:300;
    line-height:1.618em;
    font-family:LatoRegular, Verdana, sans-serif;
}

#chat_room-header-logo {
    float: left;
    background-image: url(../bilder/wextere.png);
    background-repeat: no-repeat;
    height: 50px;
    background-position: center;
    width: 180px;
    margin-left: -10px;
}

/* ---------------Search Form--------------- */

.search-form input,textarea {
    font-size:17px;
    border:1px solid #E5E5E5;
    width:280px;
    float: left;
    color:#999;
    box-shadow:rgba(0,0,0,0.1) 0 0 8px;
    -moz-box-shadow:rgba(0,0,0,0.1) 0 0 8px;
    -webkit-box-shadow:rgba(0,0,0,0.1) 0 0 8px;
    padding:5px;
    margin-left: 10px;
    margin-top: 10px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border: 2px solid #ccc;
}

.search-form button {
    overflow:visible;
    border:0;
    cursor:pointer;
    height:34px;
    width:60px;
    font:bold 20px/40px 'Myriad Pro';
    color:#fff;
    text-transform:uppercase;
    background:#08c;
    background-image:url(https://cdn3.iconfinder.com/data/icons/eightyshades/512/11_Search-32.png);
    background-repeat:no-repeat;
    background-position:center;
    text-shadow:0 -1px 0 rgba(0,0,0,.3);
    padding:0;
    margin-top: 10px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.search-form button:hover {
    background-image:url(https://cdn3.iconfinder.com/data/icons/eightyshades/512/11_Search-32.png);
    background-repeat:no-repeat;
    background-position:center;
}

.search-form button:active,.search-form button:focus {
   
    outline:0;
    background-image:url(https://cdn3.iconfinder.com/data/icons/eightyshades/512/11_Search-32.png);
    background-repeat:no-repeat;
    background-position:center;
}


#profile-contact-search {
    float: left;
    padding: 10px;
    width: 400px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ccc;
    margin: 0;
    margin-left: 5px;
    margin-top: 8px;
    font-size: 15px;
    background-image: url(https://cdn4.iconfinder.com/data/icons/pictype-free-vector-icons/16/search-24.png);
    background-repeat: no-repeat;
    background-position: 365px 7px;
    padding-right: 50px;
}

div#chat_room-large-header-test {
    background-color: rgba(56,56,56,0.7);
    height: 552px;
    width:150px;
    display: block;
    float:left;
    position: absolute;
    top: 0;
    right: -150px;
    text-align: center;
    border-right: 3px solid #333;
    border-bottom: 3px solid #333;
    border-top: 3px solid #333;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}




.chat_room-mini-header-menu-chat {
    float: left;
    text-align: left;
    margin-right: 5px;
}

.chat_room-mini-header-menu-inbox {
    float: left;
}

#chat_room-large-header-your-topics {
    float: left;
    width: 150px;
    text-align: left;
}

#chat_room-large-header-in-traffic {
    position: absolute;
    bottom: 10px;
    left: 50%;
    width: 64px;
    
}

div#chat_room-large-header-tip-message {
    position: absolute;
    bottom: 20px;
    left: 25px;
}



div#chat_room-test, #browse, #mostUpVoted {
    
    background-color: rgba(56,56,56,0.7);
    width: 960px;
    height:auto !important;
    overflow-y:auto;
    overflow-x: hidden;
    padding: 10px 10px 10px 0px;
    border: 3px solid #333;
    position: fixed;
    bottom: 195px;
    top: 110px;
}

#chat_room-layer {
  background-color: rgba(56,56,56,0.6);
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 999;
  -webkit-transition: opacity 1s ease;
}

/* BROWSE */

#browse-container {
    float: left;
    width: 100%;
    padding: 20px;
}

.browse-topic-wrap {
    width: 100%;
    float: left;
    margin-bottom: 5px;
}


.browse-parent-label {
    width: 200px;
    text-align:center;
    float: left;
    background-color: #333;
    border-radius: 5px;
    color:#fdfdfd;
    font-weight:300;
    line-height:1.618em;
    font-family:LatoRegular, Verdana, sans-serif;
    margin:0;
}

.browse-child-label {
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    color:#fff;
    font-family:arial;
    font-size:1em;
    line-height:1.519em;
    word-spacing:-1px;
    margin-left: 20px;
    border: 2px solid #333;
    background-color: #D34836;
}

.browse-childs-child-label {
    border-radius: 5px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    color:#fff;
    font-family:arial;
    font-size:1em;
    line-height:1.519em;
    word-spacing:-1px;
    margin-left: 50px;
    border: 2px solid #333;
    background-color: #0088cc;
}


/* hsad */

.topic-box-test {
    border-radius: 5px;
    max-width: 130px;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    float: left;
    color:#fff;
    font-family:arial;
    font-size:1em;
    line-height:1.519em;
    word-spacing:-1px;
    margin: 10px;
    border: 2px solid #333;
    cursor: pointer;
}

.topic-box-topic-test {
    float: left;
}
.topic-box-cross-test {
    float: right;
    padding-left: 10px;
    margin-top: 3px;
}

#topic-box-blue-test {
    background-color: #0088cc;
}

#topic-box-blue-test:hover {
    background-color: #3a3a3a;
}

#topic-box-red-test {
    background-color: #D34836;
}

#topic-box-red-test:hover {
    background-color: #3a3a3a;
}

#topic-box-green-test {
    background-color: #669966;
}

#topic-box-green-test:hover {
    background-color: #3a3a3a;
}

#topic-box-grey-test {
    background-color: #555555;
}

#topic-box-grey-test:hover {
    background-color: #3a3a3a;
}

#topic-box-orange-test {
    background-color: #E36022;
}

#topic-box-orange-test:hover {
    background-color: #3a3a3a;
}

#topic-box-purple-test {
    background-color: #8C489F;
}

#topic-box-purple-test:hover {
    background-color: #3a3a3a;
}

/* Message */
.chatMsg{
  display:block;  
}
.message-container {
   padding-right:20px;
    padding-top: 20px;
    padding-left: 80px;
    float: left;
    min-width: 200px;
    min-height: 68px;
    border-radius: 5px;
    margin: 5px;
    margin-left: 4px;
    color: white;
    font-family: arial;
    font-size:1em;
    line-height:1.519em;
    word-spacing:-1px;
    position: relative;
    text-align: left;
    border: 2px solid #333;
}


  .message-image {
    background-size: 100% 100%;
    float: left;
    height: 60px;
    width: 62px;
    position: absolute;
    top: 2px;
    left: 2px;
    cursor: pointer;
    z-index: 80;
}

.message-author {
    position: absolute;
    right: 10px;
    bottom: 0px;
    font-family:arial;
    font-size:12px;
    line-height:1.519em;
    word-spacing:-1px;
    color: #ddd;
    cursor: pointer;
}

.message-author:hover {
    color: #fff;
}

.message-timestamp {
    position: absolute;
    left: 80px;
    bottom: 0px;
    font-family:arial;
    font-size:12px;
    line-height:1.519em;
    word-spacing:-1px;
    color: #ddd;
}





.message-container-red {
    background: #D34836;
}

.message-container-blue {
    background: #0088cc;
}

.message-container-green {
     background: #669966;
}

.message-container-orange {
    background: #E36022;
}

.message-container-purple {
    background: #8C489F;
}

.message-container-grey {
    background: #555555; 
}

.message-account {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   text-align: center;
   font-weight:bold;
   font-family:arial;
   font-size:2.8em;
   line-height:1.519em;
   word-spacing:-1px;
}

.message-account-red {
    color: #D34836;
}

.message-account-blue {
    color: #0088cc;
}

.message-account-green {
    color: #669966;
}

.message-account-orange {
    color: #E36022;
}

.message-account-purple {
    color: #8C489F;
}

.message-account-grey {
    color: #555555;
}

.message-overlay {
    background-color: #444;
    position: absolute;
    height: 64px;
    width: 100%;
    display: none;
    top: 0;
    padding: 5px;
    padding-left: 80px;
    left: 0;
    float: left;

}

.message-image:hover + .message-overlay, .message-overlay:hover {
    display:block;
} 

.message-overlay-account-name {
    float: left;
    font-family:arial;
    font-size:1em;
    line-height:1.519em;
    word-spacing:-1px;
    color: #fff;
    width: 90%;
}

.message-overlay-account-name:hover {
    color: #ccc;
    cursor: pointer;
}

.message-overlay-add-to-contacts {
    float: left;
    width:10%;
}

.message-overlay-total-upvotes {
    float: left;
    padding: 0px 10px 0px 10px;
    border-radius: 5px;
    background-color: #222;
    font-family:arial;
    font-size:1em;
    line-height:1.519em;
    word-spacing:-1px;
    color: #fff;
    
}

.message-overlay-vote-up {
    float: left;
    padding: 0px 10px 0px 10px;
    border-radius: 5px;
    background-color: #E64C3C;
    font-family:arial;
    font-size:1em;
    line-height:1.519em;
    word-spacing:-1px;
    color: #fff;
    margin-left: 5px;
    cursor: pointer;
}

.message-overlay-vote-down {
    float: left;
    padding: 0px 10px 0px 10px;
    border-radius: 5px;
    background-color: #0088cc;
    font-family:arial;
    font-size:1em;
    line-height:1.519em;
    word-spacing:-1px;
    color: #fff;
    margin-left: 5px;
    cursor: pointer;
}

.message-overlay-reply {
    position: absolute;
    top: 3px;
    right: 3px;
    padding-left: 5px; padding-right: 5px;
    border-radius: 5px;
    font-family:arial;
    font-size:10px;
    line-height:1.519em;
    word-spacing:-1px;
    background-color:#444;
    color: #ddd;
    cursor: pointer;
}

/* reply-form */

#reply-form-container {
    width: 960px;
    border-top: 2px solid #ccc;
    padding: 10px;
    height: 200px;
    background-color: #fff;
    border: 3px solid #333;
    border-radius: 0px 0px 5px 5px;
    font-family: arial;
    position: fixed;
    bottom: 50px;
}
#mostUpVoted{
    display:none;
}
#message {
  width: 100%;
  margin: 0px;
  padding: 10px;
  border: 1px solid #ccc;
  background-color: #fff;
  border-radius: 5px;
}

#reply-form-button {
    padding: 10px;
    margin-top: 10px;
    margin-left: 0px;
    outline: none;
    text-align: center;
    width:90px;
    background-image: url('../bilder/send.png');
    float: right;
    font-size: 20px;
    border:0;
    
    cursor: pointer;
    border-radius: 5px;
}

#reply-form-button:hover {
   background-color: #555;
}

.reply-form-choose-color {
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    height: 47px;
    width: 47px;
    border-radius: 5px;
    border: 2px solid #ccc;
    cursor: pointer;
}

.reply-form-choose-color:hover {
    border: 2px solid #333;
    background-image: url(https://cdn2.iconfinder.com/data/icons/flat-ui-icons-24-px/24/checkmark-24-32.png);
    background-repeat:no-repeat;
    background-position:center;
}

#reply-form-choose-color-red {
    background-color: #D34836;
}

#reply-form-choose-color-red:hover {
    border: 4px solid #333;
    background-image: url(https://cdn2.iconfinder.com/data/icons/flat-ui-icons-24-px/24/checkmark-24-32.png);
    background-repeat:no-repeat;
    background-position:center;
}

#reply-form-choose-color-blue {
    background-color: #0088cc;
}

#reply-form-choose-color-blue:hover {
    border: 4px solid #333;
    background-image: url(https://cdn2.iconfinder.com/data/icons/flat-ui-icons-24-px/24/checkmark-24-32.png);
    background-repeat:no-repeat;
    background-position:center;
}

#reply-form-choose-color-green {
    background-color: #669966;
}

#reply-form-choose-color-green:hover {
    border: 4px solid #333;
    background-image: url(https://cdn2.iconfinder.com/data/icons/flat-ui-icons-24-px/24/checkmark-24-32.png);
    background-repeat:no-repeat;
    background-position:center;
}

#reply-form-choose-color-orange {
    background-color: #E36022;
}

#reply-form-choose-color-orange:hover {
    border: 4px solid #333;
    background-image: url(https://cdn2.iconfinder.com/data/icons/flat-ui-icons-24-px/24/checkmark-24-32.png);
    background-repeat:no-repeat;
    background-position:center;
}

#reply-form-choose-color-purple {
    background-color: #8C489F;
}

#reply-form-choose-color-purple:hover {
    border: 4px solid #333;
    background-image: url(https://cdn2.iconfinder.com/data/icons/flat-ui-icons-24-px/24/checkmark-24-32.png);
    background-repeat:no-repeat;
    background-position:center;
}

#reply-form-choose-color-grey {
    background-color: #555555;
}

#reply-form-choose-color-grey:hover {
    border: 4px solid #333;
    background-image: url(https://cdn2.iconfinder.com/data/icons/flat-ui-icons-24-px/24/checkmark-24-32.png);
    background-repeat:no-repeat;
    background-position:center;
}

#chat_room-show-smiley {
    position: absolute;
    bottom: 8px;
    right: 160px;
    height: 47px;
    width: 47px;
    cursor: pointer;
    background-image: url(../bilder/smileyscommand.png);
    background-repeat:no-repeat;
    background-position:center;
}

#smileyBox{
    position:relative;
    top:-550px;
    right: 0;
    height:350px;
    width:100%;
    background-color:#333;
    color:#fff;
    border-radius: 5px;
    overflow:hidden;
    z-index: 100;
    overflow-y: scroll;
}

#chat_room-show-commands {
    position: absolute;
    bottom: 8px;
    right: 110px;
    height: 47px;
    width: 47px;
    cursor: pointer;
    background-image: url(../bilder/command.png);
    background-repeat:no-repeat;
    background-position:center;
}

#commandBox{
    position:relative;
    bottom:450px;
    right: 0;
    height:250px;
    width:100%;
    background-color:#333;
    color:#fff;
    border-radius: 5px;
    overflow:hidden;
    z-index: 100;
}

#commandBox-header {
    width: 100%;
    background-color: #e5e5e5;
    opacity: 1;
    padding: 10px;
    margin-bottom: 10px;
    display:none;
    
}

table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 10px;
}

table {
    width: 100%;
}

th {
    text-align: left;
}

td {
    text-align: left;
}


.tinyExit{
    position:absolute;
    top:13px;
    right:10px;
    height: 24px;
    width: 24px;
    background-image:url('../bilder/cross.png');
    background-repeat: no-repeat;
    cursor: pointer;
}


#reply-form-smiley {
    float: right;
    margin-top: 10px;
    height: 47px;
    width: 47px;
    cursor: pointer;
    background-image: url(https://cdn4.iconfinder.com/data/icons/imoticons/105/imoticon_2-32.png);
    background-repeat:no-repeat;
    background-position:center;
}

#smilyBoxDiv img{
    margin: 3px;
}

.replyDivs{
    display:none;
    z-index:97;
    position:absolute;
    left:0%;
}
.message-reply-indicator{
    position: absolute;
    left:75px;
    height:10px;
    width:10px;
    top:5px;
    background-image:url("../bilder/reply2.png");
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.message-id-container{
    position: absolute;
    top: 2px;
    right: 2px;
    font-size:0.7em;
    height: 15px;
    width: 15px;
    background-image: url(../bilder/reply2.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5px;
    cursor: pointer; 
}
.message-reply-div{
    position:absolute;
    top:-80px;
    left:-5.5px;
    
    
    
   z-index:999;
    
}
.smily{
   margin-top:-3px;
}


